簡(jiǎn)介:QQ空間自定義模板可以自由調(diào)整其大小,這個(gè)課程來(lái)揭秘其中的原理,先從分析實(shí)現(xiàn)原理到步驟分解,再到關(guān)鍵代碼解析,最后詳細(xì)講解每個(gè)步驟的代碼實(shí)現(xiàn)過(guò)程。一步步帶領(lǐng)小伙伴們實(shí)現(xiàn)Resizable Panel的開發(fā)。
第1章 Resizable簡(jiǎn)介及實(shí)現(xiàn)思路
本章節(jié)介紹了Resizable的實(shí)現(xiàn)思路,先從界面的初始化到附加拖拽事件最后再支持面板大小的更改,一步步的進(jìn)行闡述。
第2章 Resizable代碼編寫
本章主要的代碼編寫,通過(guò)從界面到功能,從一個(gè)控制元素到全部的控制元素,一步步實(shí)現(xiàn)了附加控制元素、為控制元素支持拖拽、改面板大小一系列的功能,最終實(shí)現(xiàn)了我的們的效果。其重點(diǎn)介紹了拖拽實(shí)現(xiàn)的原理,以及拖拽如何與控制元素結(jié)合來(lái)更改面板的大小。
- 視頻: 2-1 Resizeable Panel界面樣式 (04:51)
- 編程: 2-2 編程練習(xí)
- 視頻: 2-3 動(dòng)態(tài)添加控制條(Resizeable Panel) (02:54)
- 編程: 2-4 編程練習(xí)
- 視頻: 2-5 右邊控制條支持拖拽(Resizeable Panel) (07:43)
- 編程: 2-6 編程練習(xí)
- 視頻: 2-7 下邊和右下角控制條支持拖拽(Resizeable Panel) (02:47)
- 編程: 2-8 編程練習(xí)
- 視頻: 2-9 更改面板大小(Resizeable Panel) (04:23)
- 編程: 2-10 編程練習(xí)
- 視頻: 2-11 拖拽范圍限定(Resizeable Panel) (03:20)
- 編程: 2-12 編程練習(xí)
第3章 Resizable總結(jié)
本章節(jié)對(duì)案例的整體實(shí)現(xiàn)思路進(jìn)行了總結(jié),并歸納了其中的關(guān)鍵點(diǎn),最后帶領(lǐng)大家復(fù)習(xí)了代碼中的關(guān)鍵API和思路。